<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>复焕集 - 我的关注</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="fontawesome/css/all.min.css">
<link rel="stylesheet" href="css/myFollows.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/login.css" />
<link rel="stylesheet" href="css/sign.css" />

</head>
<body>
	<!-- 导航栏 -->
	<div class="container-fluid fixed-top  navbar-custom" id="top">
		<nav class="navbar navbar-expand-lg" role="navigation">

			<div class="container position-relative">
				<a href="index.jsp" class="navbar-brand navbar-b-custom font-logo">
					<img src="img/headLogo.png" alt="" id="headImage">
				</a>
				<!-- 搜索条 -->
				<form action="searchGoodsDo" method="get">
					<div
						class="d-flex position-absolute start-50 translate-middle-x serchBar">
						<input name="searchName" type="text"
							class="form-control1 form-control-sm" id="searchBar" />
						<button class="btn btn-primary ms-2 serchBut" id="searchBtn">搜索</button>
					</div>
				</form>
				<!-- 右侧用户信息栏 -->

				<c:choose>
					<c:when test="${not empty sessionScope.logInUser}">
						<ul class="navbar-nav mb-2 mb-lg-0 align-items-center">
							<li class="nav-item d-flex align-items-center">
							<input type="hidden" class="userId" value=${sessionScope.logInUser.userid}>
							<img class="headimg align-self-center" src=${sessionScope.logInUser.headimg}></li>
							<li class="nav-item"><a href="mineInformation.jsp"
								class="nav-link navbar-a-custom" id="">${sessionScope.logInUser.username}</a></li>
							<li class="nav-item"><a href="order.jsp"
								class="nav-link navbar-a-custom">我的订单</a></li>
							<li class="nav-item"><a href="userLogOut"
								class="nav-link navbar-a-custom">退出</a></li>
						</ul>
					</c:when>
					<c:otherwise>
						<ul class="navbar-nav mb-2 mb-lg-0 align-items-center">
							<li class="nav-item"><a href="#"
								class="nav-link navbar-a-custom" id="sign">注册</a></li>
							<li class="nav-item"><a href="#"
								class="nav-link navbar-a-custom" id="login">登录</a></li>
						</ul>
					</c:otherwise>
				</c:choose>

			</div>
		</nav>
	</div>
	<!-- 左侧固定菜单 -->
	<div class="left-panel" id="left" style="margin-top: 40px;">
		<div class="personal_Information">
			<div class="mine_personal_Information active">
				<img src="img/mine_personal_information.png" alt=""> <span
					class="mineInformation">我的信息</span>
			</div>
			<div class="mine_personal_Information Mytransaction">
				<img src="img/mine_information_order.png" alt=""> <span>我的交易</span>
				<img src="img/prePic.png" alt=""
					class="MytransactionPng MytransactionAction">
			</div>
			<a href="order.jsp">
				<div class="mine_personal_Information needHidden mine_order_Hidden">
					已购买</div>
			</a> <a href="ProductOrder.jsp">
				<div class="mine_personal_Information needHidden mine_order_Hidden">
					订单处理</div>
			</a> <a href="addProduct.jsp">
				<div class="mine_personal_Information needHidden mine_order_Hidden">
					添加商品</div>
			</a> <a href="myColleation.jsp">
				<div class="mine_personal_Information">
					<img src="img/mine_personal_collect.png" alt=""> <span>我的收藏</span>
				</div>
			</a>
			<div class="mine_personal_Information AccountSettings">
				<img src="img/mine_information_set.png" alt=""> <span class="">账户设置</span>
				<img src="img/prePic.png" alt=""
					class="AccountSettingsPng AccountSettingsAction">
			</div>
			<a href="mineInformation.jsp">
				<div
					class="mine_personal_Information needHidden mine_personal_Information_Hidden">
					个人资料</div>
			</a> <a href="informationModification.jsp">
				<div
					class="mine_personal_Information needHidden mine_personal_Information_Hidden">
					账号与安全</div>
			</a>

		</div>
	</div>

	<!-- 右侧固定导航栏 -->
	<div class="right-panel" style="margin-top: 40px;">
		<div class="right-section">
			<div class="right-title">常用功能</div>
			<a href="sellerInfo.jsp" class="right-link">
				<i class="fa fa-store"></i> 我的店铺
			</a> 
			<a href="mineInformation.jsp" class="right-link">
				<i class="fa fa-comment-alt"></i> 我的评价
			</a> 
			<a href="#" class="right-link">
				<i class="fa fa-question-circle"></i> 帮助中心
			</a>
		</div>
	</div>

	<!-- 中部内容区 -->
	<div class="main-content">
		<div class="follow-header">
			<h2 class="mb-4">
				<i class="fas fa-heart me-2"></i>我的关注
			</h2>

		</div>

		<div class="follow-list">
			<!-- 关注的人列表 -->

			<div class="follow-item">
				<img src="https://randomuser.me/api/portraits/women/68.jpg"
					class="follow-avatar">
				<div class="follow-content">
					<div class="follow-name">数码配件小铺</div>
					<div class="follow-info">
						<span><i class="fas fa-map-marker-alt"></i> 广东省深圳市</span> <span><i
							class="fas fa-user-friends"></i> 粉丝: 3.4K</span> <span><i
							class="fas fa-box-open"></i> 在售: 76件</span>
					</div>
					<div class="follow-tags">
						<span class="follow-tag">官方认证</span> 
						<span class="follow-tag">品牌配件</span>
						<span class="follow-tag">全场包邮</span>
					</div>
					<div class="follow-stats">
						<div class="follow-stat">
							<strong>100%</strong>好评率
						</div>
						<div class="follow-stat">
							<strong>137</strong>卖出宝贝
						</div>
						<div class="follow-stat">
							<strong>100%</strong>回复率
						</div>
					</div>
				</div>
				<div class="follow-actions">
					<div class="follow-btn chat">
						<i class="fas fa-comment-dots me-1"></i> 发消息
					</div>
					<div class="follow-btn unfollow">
						<i class="fas fa-user-minus me-1"></i> 取消关注
					</div>
				</div>
			</div>


		</div>

	</div>
	<!-- 底部区 -->
	<footer class="container-fluid bottom p-3 mt-auto" id="footer">
		<div class="font-logo infoLeft mx-auto">
			<strong>复焕集 </strong>旧物也能焕然一新的二手市场。
		</div>
		<div class="container">
			<div class="d-flex flex-wrap justify-content-between">
				<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
					<strong>关于我们</strong>
					<li><a href="">公司介绍</a></li>
					<li><a href="">团队介绍</a></li>
					<li><a href="">媒体报道</a></li>
					<li><a href="">加入我们</a></li>
				</ul>
				<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
					<strong>帮助中心</strong>
					<li><a href="">新手入门</a></li>
					<li><a href="">交易流程</a></li>
					<li><a href="">常见问题</a></li>
					<li><a href="">安全指南</a></li>
				</ul>
				<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
					<strong>规则中心</strong>
					<li><a href="">用户协议</a></li>
					<li><a href="">隐私政策</a></li>
					<li><a href="">交易规则</a></li>
					<li><a href="">社区公约</a></li>
				</ul>
				<ul class="footer-links mb-2 mb-lg-0 flex-grow-1 px-3 text-center">
					<strong>联系我们</strong>
					<li><a href="">客服电话：400-114-514</a></li>
					<li><a href="">商务合作：bd@fuhuanji.com</a></li>
					<li><a href="">举报反馈：report@fuhuanji.com</a></li>
				</ul>
			</div>
		</div>
		<div class="copyright">© 2023 复焕集 All Rights Reserved.
			蜀ICP备12345678号</div>
	</footer>


</body>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/mineInformation.js"></script>
<script src="js/myFollows.js"></script>
<script src="js/menuNavigation.js"></script>
</html>